.next-tree-mask.show {
	visibility: visible;
	opacity: 1;
}
.next-tree-cnt {
	transition: all 0.3s ease;
	transform: translateY(100%);
}
.next-tree-cnt.show {
	transform: translateY(0);
}

.next-tree-view {
	background-color: #fff;
	padding-top: 20rpx;
	padding-right: 20rpx;
	padding-bottom: 20rpx;
	padding-left: 20rpx;
}
.next-tree-view-sc {
	height: 100%;
	overflow: hidden;
}
.next-tree-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 26rpx;
	color: #757575;
	line-height: 1;
	height: 0;
	opacity: 0;
	transition: 0.2s;
	position: relative;
	overflow: hidden;
}
.next-tree-item.show {
	height: 80rpx;
	opacity: 1;
}
.next-tree-item.showchild:before {
	transform: rotate(90deg);
}
.next-tree-item.border {
	border-bottom: 1rpx solid rgba(204, 204, 204, 0.2);
}
.next-tree-item.last:before {
	opacity: 0;
}
.next-tree-icon {
	width: 30rpx;
	height: 30rpx;
	margin-right: 15rpx;
}
.next-tree-label {
	flex: 1;
	display: flex;
	align-items: center;
	height: 100%;
	line-height: 1.2;
}

.hover-c {
	opacity: 0.6;
}

.next-tree {
	margin-left: 12rpx;
}

.name {
	padding: 0 5rpx;
}
.name-hover {
	color: #2979ff;

	background: rgba(204, 204, 204, 0.12);
}
